<template>
  <div id="foot">
    <div class="container">
      <div class="foot_left">
        <i class="el-icon-goods"></i>
        <p>@ 2005-2015 东莞市永盛通信科技有限公司 版权所有(粤ICP备 08130115 号)</p>
      </div>
      <div class="foot_right">
        <ul>
          <li><a href="#">版权说明</a></li>
          <li><a href="#">使用协议</a></li>
          <li><a href="#">网站地图</a></li>
          <li><a href="#">友情链接</a></li>
          <li><a href="#">联系我们</a></li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>
  #foot {
    height: 40px;
    background-color: #2d2d2d;
    font-size: 15px;
    clear: both;
  }

  #foot a {
    text-decoration: none;
    color: inherit;
  }

  #foot .container{
    width: 80%;
    margin: 0 auto;;
  }

  #foot .foot_left{
    float: left;
  }

  #foot .foot_right{
    float: right;
  }

  #foot .foot_left i{
    float: left;
    color: #fff;
    line-height: 40px;
    margin-right: 10px;
  }

  #foot .foot_left p{
    color: #828282;
    float: left;
    margin: 10px 15px 0px 0px;
  }

  #foot .foot_right li{
    float: left;
    margin: 10px 20px 0px 0px;
  }

  #foot .foot_right li a{
    color: #fff;
  }

  #foot .foot_right li a:hover{
    color: #00925f;
  }

</style>